@import '_variable.scss';
.my-tree-wrap {
    ul,
    li {
        padding: 0;
        margin: 0;
        list-style: none;
    }
    .my-tree-list {
        background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='2' height='3000'><g><path d='M1 0 L1 5000' style='fill:white;stroke:#999;stroke-width:1'/></g></svg>") 0 0 no-repeat;
        padding-left: $nodePadding;
        margin-left: -8px;
        .my-tree-node {
            font-size: 14px;
            .title {
                padding-left: 3px;
                color: #333333;
                display: block;
                height: $nodeHeight;
                line-height: $nodeHeight;
                position: relative;
                &:before {
                    content: "";
                    width: 25px;
                    height: $nodeHeight;
                    display: inline-block;
                    position: absolute;
                    left: -$nodePadding;
                    margin-top: 0;
                }
            }
        }
        &.root {
            background: none;
            padding-left: $rootNodePadding;
            &>.my-tree-node {
                font-size: 14px;
                &.open {
                    &>.title {
                        &:before {
                            left: -$rootNodePadding;
                            width: 14px;
                            content: "";
                            background: $rootNormalOpen;
                        }
                    }
                }
                &.close {
                    &>.title {
                        &:before {
                            left: -$rootNodePadding;
                            width: 14px;
                            content: "";
                            background: $rootNormalClose;
                        }
                    }
                }
                &.nochild {
                    &>.title {
                        &:before {
                            left: -$rootNodePadding;
                            width: 14px;
                            content: "";
                            background: $rootNormalOpen;
                        }
                    }
                }
            }
            &>.my-tree-node:last-child {
                &.open {
                    &>.title {
                        &:before {}
                    }
                }
                &.nochild {
                    &>.title {
                        &:before {}
                    }
                }
                &.close {
                    &>.title {
                        &:before {}
                    }
                }
            }
            &>.my-tree-node:first-child {
                &>.title {
                    &:before {}
                }
                &.open {}
                &.close {}
            }
        }
    }
}